@import '../common/variable', '../common/transition';

.tulp-input {
  font-size: $_font-size;
  font-family: inherit;
  border: 1px solid $_border-color;
  box-sizing: border-box;
  border-radius: $_border-radius;
  padding: $_input-padding;
  line-height: $_input-line-height;
  transition: $_color-transition, $_border-color-transition, $_box-shadow-transition;
  &:hover {
    border-color: $_border-color-dark;
  }
  &:focus {
    border-color: $_color-primary;
    box-shadow: $_wave-active-box-shadow;
  }
  &:focus, &:focus-visible {
    outline: none;
  }
}